body {background-color: darkslategrey;}
          
            
        #Reklamer {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            max-width: 250px;
            padding: 20px;
            margin-left: auto;

            background-color: white;
        }

        #Reklametekst {
            background-image: url("watermelon background.jpg");
            background-position: center 80%;
            color: rgb(243, 90, 177);
            text-align: center;
            margin-bottom: 5px;
            border: 8px solid rgb(39, 145, 13);
            box-shadow: 0 0 20px rgb(39, 145, 13);
            background-color: rgb(255, 0, 0);

            
        }

        #Reklamer img {
            border: 4px solid rgb(255, 0, 0);
            max-width: 100px;
            max-height: 80px;
            width: auto;
            height: auto;
            margin: 10px 0 0 0;
        }

        #Reklamer img { 
            max-width: 250px;
            max-height: 250px;
            min-width: 200px;
            min-height: 200px; 
            width: auto;
            height: auto;
            margin-left: 10px;
            box-shadow: 0 0 20px rgb(255, 0, 0);
        }

        
            li{color: yellow;
    
            }
            a {color:white}
            form {color:white}
            label {color:white}     
           
            
            #Container {
                border: 10px solid rgb(47, 8, 8);
                width: 80%;
                float: left;
               
                margin-right: auto;
                margin-left: auto;
                box-sizing:border-box;  
               
            }
            #Overskrift {   
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                background-color: rgb(125, 25, 25);
                padding: 10px 40px;
                border: 4px solid yellow;
                box-shadow: 0 0 10px black;
                max-width: 500px;
                min-width: 200px;
                width: fit-content;
                text-align: center;
                        }

            #Meny {
                background-color: rgb(125, 25, 25);
                padding: 20px;
                border: 4px solid yellow;
                border-radius: 10px;
                min-width: 10%;
                min-height: 50px;
                margin: 10px;
                box-shadow: 0 0 10px black;
                
            }
            #Meny a {
                color :yellow;
                display: block;
                margin-bottom: 10px;
            }
                
            #Header {
                display: flex;
                align-items: center;
                gap: 20px;
                position: relative;

                background-color: rgb(78, 25, 25);
                color: yellow;
                padding: 40px;
            }

            .flex-spacer {
                flex: 1;
            }

            #main
            {background-color: black;
            display: flex;
            gap: 20px;
            align-items: stretch;
            flex-wrap: wrap;
            
            }


            #Ranked, #Criteria {
            background-color: rgb(0, 0, 0);
            flex: 1 1 45%;  
            min-width: 280px;
            box-sizing: border-box;
            padding: 10px;
            margin: 10px;
            border: 10px solid rgb(78, 25, 25);
        }
            
            
            
            #Ranked {
                  
                
                
                p {
                background-color: rgb(77, 25, 25);
                color:yellow;
                padding : 4px;
               
                }                
                box-sizing: border-box;
                text-align: left; 
                
                float:right;

            
            }

            #Criteria {
               
                  p {
                background-color: rgb(77, 25, 25);
                color:yellow;
                padding: 4px;

                
            }   

           
                box-sizing: border-box;
               
                float: left;
            }
            #Questions {  
                box-sizing: border-box;
                text-align: center;
                background-color: rgb(0, 0, 0);
                padding: 50px;
                margin: 10px;
                border: 10px solid rgb(78, 25, 25);
                width: 100%;
                p {
                background-color: rgb(77, 25, 25);
                color:yellow;
                padding: 4px;
                display: inline-block;
                width: auto;
                
                
            }
            
                
            }

            #Footer {
                background-color: rgb(78, 25, 25);
             color: yellow;
             padding: 20px;
             a {color:yellow;}
            }